import * as React from 'react';

export interface DrawerProps {
  // open 状态切换时调用
  onOpenChange?: (isOpen: boolean) => void;
  // 抽屉里的内容
  sidebar?: React.ReactNode;
  // 开关状态
  open?: boolean;
  position?: 'left' | 'right' | 'top' | 'bottom';
}

export interface DrawerWebProps extends DrawerProps {
  sidebarStyle?: React.CSSProperties;
  contentStyle?: React.CSSProperties;
  overlayStyle?: React.CSSProperties;
  // 是否禁止 dragHandle
  dragHandleStyle?: React.CSSProperties;
  // 是否嵌入到正常文档流里
  docked?: boolean;
  // 是否开启动画
  transitions?: boolean;
  // 是否开启触摸手势
  touch?: boolean;
  // 打开关闭抽屉时距 sidebar 的拖动距离
  dragToggleDistance?: number;
  prefixCls?: string;
  className?: string;
  style?: React.CSSProperties;
}
